Selection 選擇
選擇是人們與使用者介面(UI)元素進行互動或確定要對哪些專案執行操作的方式
- 透過改變表面顏色或其他可見元素來顯示選擇狀態
- 可以選擇整個元件,也可以只選擇元件中的某些部分
- 可以透過點選、游標、鍵盤或語音進行選擇
Selection indicators(選擇指示器)
選擇通常以勾選框、顏色變化、輪廓高亮等方式顯示,可用於:
- 卡片 Cards
- 核取方塊 Checkbox(4)
- 標籤按鈕 / 輕量按鈕 Chips(2)
- 資料表單 Data tables
- 圖示按鈕 Icon buttons
- 列表項 List items(3)
- 選單項 Menu items
- 開關 Switch(6)
- 選擇器 Pickers
- 單選按鈕 Radio buttons (5)
- 滑塊 Slider(7)
- 分段按鈕 Segmented buttons (1)

活動指示器在不同元件中的顏色和形狀各不相同。這些元件每次只能選擇一個選項。
- Navigation bar(導航欄)
- Navigation drawer(導航抽屜)
- Navigation rail(導航導軌)
- Tabs(標籤頁)

Types of selection 選擇型別
1 Touch(觸控選擇)
長按觸控或雙指觸控來選擇,也可以使用快捷鍵(例如點選頭像)進行選擇
2 Entering and Exiting Selection Mode(進入和退出選擇模式)
進入選擇模式:長按某個專案或使用快捷方式(如點選頭像)
退出選擇模式:再次點選已選中的專案,或者點選工具欄中的操作 來取消選擇
3 Larger Selections(批次選擇)
4 Click(點選選擇)
如果“選擇”是主要操作:核取方塊預設就是一直顯示的,使用者可以隨時點選選擇。
如果“選擇”是次要操作:預設不顯示覆選框,但有兩種方式能讓它出現:
- 滑鼠移動到某個專案上(Hover),核取方塊才會露出來,這表示“你可以選這個”。
- 如果你已經選了一個專案,那麼所有其他專案的核取方塊都會顯示,方便你繼續多選。